<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
    <!-- <link href="Index.css" rel="stylesheet" type="text/css"> --<

    <title>ExiaStore</title>

    <!-- Bootstrap core CSS -->
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="offcanvas.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
  </head>

  <body style="background-color:rgb(180,180,180)">
 
      
     
      
    <?php  
    session_start();
    if(empty($_SESSION['login']))
    {
        include ("navbarVisiteur.php");  
    } 
    else if(!empty($_SESSION['login']))
    {
        include ("navbar.php"); 
    }
    ?>
       
      
    <div class="container">

      <div class="row row-offcanvas row-offcanvas-right">

        <div class="col-xs-12 col-sm-12">
          <p class="pull-right visible-xs">
            <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
          </p>
          <div class="row">
              <div class="col-md-5">
          <div class="jumbotron">
             
            <h1>ExiaStore</h1>
            <p>La meilleure boutique en ligne au monde</p>
          </div>
              </div>
              <div class="col-md-7" id="carousel">

    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      
     
      <div class="carousel-inner">
       
        <div class="item active">
          
          <div class="container" id='slide1'>
               
                        <div class="row" >                
                            <div class="col-lg-offset-2" ><img src="../view/imgs/exia.jpg" class="imagetitre"> </div>

                        </div>
              
			<div class="row">                          
                             <div class=" col-lg-offset-3 " ><p>Le site de vente de l'Exia Cesi</p></div>
                             
                        </div>
                
          </div>
        </div>

        <?php foreach($topVentes as $val){ ?>    

        <div class="item">
          
          <div class="container" id='slide2'>
            <div class="row" >                
                <div class="col-lg-offset-2"><?php echo "<img src='".$val->getPhoto()."' class='image1'  >"; ?></div>
            </div>
              <div class="row">                          
                             <div class="col-lg-1 col-lg-offset-1" ><p><a class="btn btn-lg btn-primary" href="#" role="button">Details &raquo;</a></p></div>
                             
                             <div class="col-lg-1 col-lg-offset-1 " ><p><?php echo $val->getNomArticle(); ?></p></div>
                             <div class="col-lg-1 col-lg-offset-1" ><p>Top des ventes </p></div>
                        </div>
          </div>
                
            
        </div>
        <?php } ?>  
      </div>
      <a class="left carousel-control fleche" href="#myCarousel" data-slide="prev"><span ><</span></a>
      <a class="right carousel-control fleche" href="#myCarousel" data-slide="next"><span >></span></a>
    </div><!-- /.carousel -->
                  
              </div>
          </div>
          
          <div class="row" id='grilleArticles'>
              <div class="row">
         <?php foreach($topVentes as $val){ ?>
        
          
            <div class="col-4 col-sm-4 col-lg-4"id="article">
              <h2><?php echo $val->getNomArticle(); ?></h2>
              <form method="get" action="../Controller/afficherDetailsArticle.php">
              <p><?php echo  $val->getPrix() . "€" ; ?> 
              <input name="id" type="text"<?php echo " value='".$val->getIDArticle()."' "; ?> style="visibility:hidden"> </p>
                      
              <?php echo "<img src='".$val->getPhoto()."' class='image2'></img>"; ?>
              <button type="submit" class="btn btn-lg btn-primary" role="button">Details &raquo</button>
             
              </form>
                
                 
            </div><!--/span-->
          
          <?php } ?>
              
            </div><!--/span-->
            
           
        </div><!--/span-->

        
      </div><!--/row-->
</br></br></br>
      <hr>
      </br></br></br>
      <footer>
        <p>&copy; ExiaStore 2014</p>
      </footer>

    </div><!--/.container-->



    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <script src="offcanvas.js"></script>
  </body>
</html>
